﻿@import url(morepage.css);

.vcHighLight
{
	background-color:lemonchiffon;
}

.ShowInput
{
	font-size:10pt;
	width:100px;
	height:20px;
	z-index:2;
}
.HiddenSelect
{
	margin-left: 0px;
	margin-top: -10px;
	padding-top: -3px;
	width: 118px; 
	background-color: #ffffff;
	z-index:3;
}

body, td, input, textarea, select {font: 12px Tahoma, Verdana; color: #333; word-break: break-all; }
body {padding: 0; margin: 10; }
form {
	padding: 0;
	margin: 0;
}
input {
	border: 1px solid #CCC;
}
.both {
	text-align: center;
	float: left;
	margin: 3px;
	padding: 3px;
	list-style-type: none;

}
.submitimg {
	background: url('B_icon_submit.gif') no-repeat 0 0;
	width:58px;
	height:22px;
	border: 0px;
	padding: 0px 0 0px 10px;
}
.resetimg {
	background: url('B_icon_reset.gif') no-repeat 0 0;
	width:58px;
	height:22px;
	border: 0px;
	padding: 0px 0 0px 10px;
}
.searchimg {
	background: url('B_icon_search.gif') no-repeat 0 0;
	width:58px;
	height:22px;
	border: 0px;
	padding: 0px 0 0px 10px;
}
.mout {
	border: 1px solid #CCC;
	padding: 1px 0 1px 3px;
}
.mover {
	border: 1px solid #66FF00;
	padding: 1px 0 1px 3px;
}
.bold {
	font-weight: bold;
}
a { text-decoration: none; color: #0D58A5; }
a:hover { text-decoration: underline; }
a.red { color: red; }
a img { border: none; }
image { border: none; }
#header { border: solid #395E9F; border-width: 5px 0; background: #C3D9FF; height: 100px; he\ight: 90px; }
    
    #sitetitle { position: absolute; left: 20px; top: 15px; }
        #sitetitle * { display: block; overflow: hidden; }
        #sitetitle strong { color: #6774A8; }
        #sitetitle a { width: 210px; font-size: 16px; font-weight: bold; display: block; height: 20px; line-height: 20px; overflow: hidden; }

    #topinfo { position: absolute; top: 5px; right: 0; width: 600px; height: 25px; overflow: hidden; background: #395E9F url(topinfo.gif) no-repeat 100% -25px; padding-right: 33px; }
        #topinfo, #topinfo a { color: #FFF; }
        #topinfo em { font-size: 9px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; color: #9EB6DF; }
        #topinfo ul { margin: 0; padding: 0; list-style: none; background: url(topinfo.gif) no-repeat 0 0; padding-left: 33px; line-height: 25px; height: 25px; }
            #topinfo li { float: left; padding: 0 8px; }
                #topinfo .sitehomelink { background: url(topinfo_itemline.gif) no-repeat left bottom; padding-left: 10px; }
                #topinfo .logout { background: url(icon_logout.gif) no-repeat 0 7px; padding-left: 14px; }

    #topmenu { position: absolute; left: 200px; top: 60px; }
        #topmenu ul { margin: 0; padding: 0; list-style: none; }
            #topmenu li { float: left; margin-right: 3px; }
                #topmenu a { float: left; background: #D9E7FF; color: #6774A8; line-height: 35px; padding: 0 10px; }
                    #topmenu a.current { background: #395E9F; color: #FFF; }
    
    #sideswitch { position: absolute; left: 20px; top: 75px; color: #6774A8; background: url(sideswitch.gif) no-repeat 0 5px; padding-left: 10px; line-height: 20px; height: 20px; overflow: hidden; }
        #sideswitch.closed { background-position: 0 -25px; }


#side { margin: 0; padding: 20px 0 0; background: #395E9F; }
    #side div { display: none; width: 150px; margin: 0px 15px 0px; border: 2px solid #DDE6F7; background: #FFF url(side_menu_bg.gif) repeat-x 0 0; line-height: 26px; }
        #side h3 { margin: 0 5px; font-size: 1em; padding-left: 7px; border-bottom: 1px solid #D8DDE5; color: #6774A8; cursor: pointer; }
        #side ul { margin: 0 5px; padding: 0 0 5px; list-style: none; }
            #side li { display: inline; }
                #side li a { display: block; padding-left: 7px; color: #6774A8; background: transparent url(dotline_h.gif) repeat-x bottom; }
                    #side li a:hover, #side li a.current { background-color: #EFF4FD; }
                        #side li a.current { border-left: 3px solid #395E9F; padding-left: 4px; }



#main { margin: 0; padding: 17px 20px !important; padding: 17px 30px 10px 20px; background: #FFF; border-top: 3px solid #F5F7FA; }



#pagehead { background: url(page_head.gif) repeat-x 0 0; margin-bottom: 25px; }
    #pagehead tr { background: url(page_head.gif) no-repeat 100% -80px;}
        h1 { background: url(page_head.gif) no-repeat 0 -40px; color: #6774A8; line-height: 40px; font-size: 14px; padding-left: 18px; margin: 0; }

    .actions { text-align: right; padding-right: 10px; padding-top: 9px; }
        #pagehead .actions tr { background-image: none; }
        .actions td { text-align: center; padding: 0 10px; line-height: 30px; height: 30px; }
            .actions td.active { background: #FFF; border: solid #86B9D6; border-width: 1px 1px 0; }
                .actions a.add { background: url(action_icon_add.gif) no-repeat; padding-left: 17px; }



.HelpTable { width: 100%; background: #FDFFF5 url(help_info.gif) no-repeat 0 0; border: 1px solid #D5D8C7; margin-bottom: 20px; }
    .HelpTable td { padding: 15px 15px 15px 35px; line-height: 1.5em; }
        .HelpTable ul { padding: 0; margin: 0 0 0 2em; }


.ListTable { width: 100%; border-collapse: collapse; border: solid; border-color: #86B9D6 #D8DDE5 #D8DDE5; border-width: 3px 1px 1px; }
    .ListTable th { background: #F3F7FF; color: #6774A8; border-bottom: 1px solid #86B9D6; padding: 5px 1px 5px 1px; font-weight: bold;}
    .ListTable .th { background: #F3F7FF; color: #6774A8; border-bottom: 1px solid #86B9D6; padding: 5px 1px 5px 1px; font-weight: bold;}

    .ListTable td { border: 1px solid #D8DDE5; padding: 3px 1px 3px 1px; font-family: Georgia, "Times New Roman", Times, serif; }
    .ListTable #datagrid tr { behavior:url(ListTableColor.htc) }
    .darkrow2 { color: #808080; text-decoration: line-through; }

    .darkrow td { background: #FAFCFF; }

    .rowblocked td { background: #F1F1F1; color: #666; }
        .rowblocked a { color: #666; }

.ListTable p.cate { margin: 0; }
.ListTable p.cate, .ListTable p.cate a { color: #003195; }
.ListTable .dateline { float: right; }
.ListTable .relativetags { margin: 0.1em; }


.explain td {
    width: 125px;
    height: 27px;
    background: url(action.gif) no-repeat center;
    text-align: center;
}

h2 { margin: 20px 0 0; line-height: 35px; font-size: 14px; color: #6774A8; background: url(action_icon_default.gif) no-repeat -4px 10px; padding-left: 15px; }

form { padding: 0; margin: 0; }
    input, textarea {background: #FDFFF5; }
    textarea { padding: 3px 2px;}
    .buttons { clear: both; padding: 10px; text-align: center; }
        .buttons input { padding: 0px 5px 0px; color: #6774A8; background: #F9F9F9; border: solid #CBCBCB; border-width: 1px 1px 4px; cursor: pointer; width: 0; overflow: visible; }
            .buttons>input { width: auto; }
            .buttons input.submit { padding: 0px 5px 0px; background: #C3D9FF; border-color: #86B9D6; font-weight: bold; }
            .buttons input.userbutton{border:1px solid;border-color:#A9A98D;height:22px;padding:0px 3px 2px 3px !important;padding:3px 2px 0px 2px;background:#fff url(bb.gif);}

    .buttons1 { clear: both; padding: 10px; text-align: right; }
        .buttons1 input { padding: 0px 5px 0px; color: #6774A8; background: #F9F9F9; border: solid #CBCBCB; border-width: 1px 1px 4px; cursor: pointer; width: 0; overflow: visible; }
            .buttons1>input { width: auto; }
            .buttons1 input.submit { padding: 0px 5px 0px; background: #C3D9FF; border-color: #86B9D6; font-weight: bold; }
            .buttons1 input.userbutton{border:1px solid;border-color:#A9A98D;height:22px;padding:0px 3px 2px 3px !important;padding:3px 2px 0px 2px;background:#fff url(bb.gif);}

    .buttons2 { clear: both; padding: 10px; text-align: left; }
        .buttons2 input { padding: 0px 5px 0px; color: #6774A8; background: #F9F9F9; border: solid #CBCBCB; border-width: 1px 1px 4px; cursor: pointer; width: 0; overflow: visible; }
            .buttons2>input { width: auto; }
            .buttons2 input.submit { padding: 0px 5px 0px; background: #C3D9FF; border-color: #86B9D6; font-weight: bold; }
            .buttons2 input.userbutton{border:1px solid;border-color:#A9A98D;height:22px;padding:0px 3px 2px 3px !important;padding:3px 2px 0px 2px;background:#fff url(bb.gif);}
    .buttonok { clear: both; padding: 10px; text-align: center; }


.MainTable { width: 100%; border-collapse: collapse; border: solid; border-color: #86B9D6 #D8DDE5 #D8DDE5; border-width: 3px 1px 1px; }
    .MainTable th, .MainTable td { border: 1px solid #D8DDE5; padding: 5px; }
        .MainTable th { background: #F3F7FF; width: 160px; text-align: right; color: #0D58A5; font-weight: bold; }
    .MainTable td th, .MainTable td td { border: none;  padding: 0px; }
    .MainTable th p { margin: 0; color: #909DC6; }

    .MainTable .th, .MainTable .th { border: 1px solid #D8DDE5; padding: 5px; }
        .MainTable .th { background: #F3F7FF; width: 160px; text-align: right; color: #0D58A5; font-weight: bold; }
    .MainTable .th p { margin: 0; color: #909DC6; }


.edittable {
    border: 1px solid #698CC3;
    width: 100%;
}
.edittable th {
    background: #EDEDED;
    border: 1px solid #EDEDED;
    padding: 0.3em;
    text-align: left;
}


.smallfont {
    font-size: 10px;
}

table.imglist td {
    background: #F2F2F2;
    text-align: center;
    vertical-align: bottom;
}
p.subject {
    height: 22px;
    line-height: 22px;
    margin: 0;
    margin-top: 0.5em;
    border-top: 2px solid #FFF;
    background: #698CC3;
}


.tipdiv {
    position:absolute;
    z-index:1;
    width:140px;
    background-color:#FFF;
    border: 1px solid #DDD;
    padding: 1em;
    text-align: left;
}

.tabs { border-bottom: 1px solid #CCC; padding-bottom: 27px; padding-left: 5px; }
    .tabs a { float: left; padding: 0 5px; border: 1px solid #CCC;  margin-right: 5px; text-decoration: none; height: 26px; line-height: 26px; background: #FFF; }
        .tabs a.current { font-weight: bold; cursor: default; border-bottom: 1px solid #FFF; background: #FCFFEF; }
            .tabs a:hover { color: #333; background: #FCFFEF; }

.tbtopaction { background: #FCFFEF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; text-align: right; padding: 3px; }
    .tbtopaction * { font-size: 12px!important; }

#uploadbox { width: 500px; }
#uploadbox table { border: 1px solid #CCC; border-top: none; background:#FCFFEF; width: 100%; }
    #uploadbox th { background: transparent; width: 60px; }
    .upbtntd button { padding: 5px 20px 2px 20px; background: #C3D9FF; border-color: #86B9D6; border-style: solid; border-width: 1px 1px 3px; cursor: pointer; color: #6774A8; font-weight: bold; }

#batchpreview { background: #FFF; width: 473px; height: 300px; border: 1px solid #EEE; overflow: auto; }
    .picspace { border-bottom: 1px solid #CCC; margin: 3px; }
        .picspace img { margin: 3px 6px 3px 0; border: 3px solid #EEE; max-width: 60px; max-height: 60px; width: expression(this.width > 60 ? 60: true);; height: expression(this.width > 40 ? 40: true);; }

tr.selected { background: #FCFFEF; }


.tbactions { margin: 5px 0 0; color: #BBB; }
    .tbactions a { color: #BBB; }
        .tbactions a:hover { color: #0D58A5; }